import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:yi_shop/route/index.dart';
import 'package:yi_shop/ui/draw_under_line.dart';
import 'package:yi_shop/utils/colors.dart';
import 'package:yi_shop/utils/styles.dart';
import 'package:yi_shop/utils/svg.dart';

/// 全部
class OrderAllController extends GetxController {}

class OrderAllView extends GetView<OrderAllController> {
  const OrderAllView({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      itemExtent: 246,
      children: [
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: GestureDetector(
            onTap: () {
              Get.toNamed(RoutePath.productNormalInfo);
            },
            child: Column(
              children: [
                DrawUnderLine(
                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                  child: Container(
                    height: 45,
                    padding: const EdgeInsets.only(left: 25, right: 15),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        ),
                        Text(
                          '待付款',
                          style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                        )
                      ],
                    ),
                  ),
                ),
                Container(
                  padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: [
                          CachedNetworkImage(
                            imageUrl:
                                'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                            width: 95,
                            height: 95,
                            fit: BoxFit.fill,
                          ),
                          Container(
                            margin: const EdgeInsets.only(top: 15),
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '共1件商品',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            ),
                          )
                        ],
                      ),
                      Expanded(
                          child: Padding(
                        padding: const EdgeInsets.only(left: 15),
                        child: Column(
                          children: [
                            ListBody(
                              children: [
                                Container(
                                  alignment: Alignment.topLeft,
                                  child: Text(
                                    '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 15, bottom: 15),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '每瓶50ml x 5瓶',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                ),
                                Row(
                                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                  children: [
                                    Text(
                                      '¥58',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                    ),
                                    Text(
                                      'x 1',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color0000,
                                          fontSize: StylesUtils.fontSize13),
                                    )
                                  ],
                                )
                              ],
                            ),
                            Container(
                              alignment: Alignment.centerLeft,
                              margin: const EdgeInsets.only(top: 20),
                              child: Text.rich(TextSpan(
                                  text: '合计：',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                  children: [
                                    TextSpan(
                                        text: '¥58',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color3333,
                                            fontWeight: FontWeight.w700))
                                  ])),
                            )
                          ],
                        ),
                      ))
                    ],
                  ),
                ),
                Container(
                  margin: const EdgeInsets.only(right: 15),
                  alignment: Alignment.centerRight,
                  child: Wrap(
                    crossAxisAlignment: WrapCrossAlignment.center,
                    alignment: WrapAlignment.end,
                    spacing: 20,
                    children: [
                      TextButton(
                          onPressed: () {
                            Get.log('cancel');
                          },
                          style: ButtonStyle(
                              minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                              padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                              alignment: Alignment.center,
                              shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(5),
                                  side: BorderSide(
                                      color: ColorsUtils.parseColorFromHexString(
                                          ColorsUtils.color7979))))),
                          child: Text(
                            '取消',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                          )),
                      TextButton(
                          onPressed: () {},
                          style: ButtonStyle(
                              minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                              padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                              alignment: Alignment.center,
                              shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(5),
                                  side: BorderSide(
                                      color: ColorsUtils.parseColorFromHexString(
                                          ColorsUtils.color7979))))),
                          child: Text(
                            '支付',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                          ))
                    ],
                  ),
                )
              ],
            ),
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '已取消',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共1件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥58',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 1',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color0000,
                                        fontSize: StylesUtils.fontSize13),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Text.rich(TextSpan(
                                text: '合计：',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                children: [
                                  TextSpan(
                                      text: '¥58',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color3333,
                                          fontWeight: FontWeight.w700))
                                ])),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(right: 15),
                alignment: Alignment.centerRight,
                child: Wrap(
                  crossAxisAlignment: WrapCrossAlignment.center,
                  alignment: WrapAlignment.end,
                  spacing: 20,
                  children: [
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '删除订单',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '再次购买',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        ))
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '已付款',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共1件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥58',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 1',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color0000,
                                        fontSize: StylesUtils.fontSize13),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Text.rich(TextSpan(
                                text: '合计：',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                children: [
                                  TextSpan(
                                      text: '¥58',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color3333,
                                          fontWeight: FontWeight.w700))
                                ])),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(right: 15),
                alignment: Alignment.centerRight,
                child: Wrap(
                  crossAxisAlignment: WrapCrossAlignment.center,
                  alignment: WrapAlignment.end,
                  spacing: 20,
                  children: [
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '退款',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '已发货',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共1件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥58',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 1',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color0000,
                                        fontSize: StylesUtils.fontSize13),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Text.rich(TextSpan(
                                text: '合计：',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                children: [
                                  TextSpan(
                                      text: '¥58',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color3333,
                                          fontWeight: FontWeight.w700))
                                ])),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(right: 15),
                alignment: Alignment.centerRight,
                child: Wrap(
                  crossAxisAlignment: WrapCrossAlignment.center,
                  alignment: WrapAlignment.end,
                  spacing: 20,
                  children: [
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '退款',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看物流',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        ))
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '交易成功',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共1件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥58',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 1',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color0000,
                                        fontSize: StylesUtils.fontSize13),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Text.rich(TextSpan(
                                text: '合计：',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                children: [
                                  TextSpan(
                                      text: '¥58',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color3333,
                                          fontWeight: FontWeight.w700))
                                ])),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(right: 15),
                alignment: Alignment.centerRight,
                child: Wrap(
                  crossAxisAlignment: WrapCrossAlignment.center,
                  alignment: WrapAlignment.end,
                  spacing: 20,
                  children: [
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看发票',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '申请退换货',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '再次购买',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '交易成功',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共2件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥116',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 2',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color0000),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text.rich(TextSpan(
                                    text: '合计：',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    children: [
                                      TextSpan(
                                          text: '¥116',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color3333,
                                              fontWeight: FontWeight.w700))
                                    ])),
                                Text(
                                  '退款中',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color6666),
                                )
                              ],
                            ),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
            ],
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '交易成功',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共2件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥116',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 2',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color0000),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text.rich(TextSpan(
                                    text: '合计：',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    children: [
                                      TextSpan(
                                          text: '¥116',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color3333,
                                              fontWeight: FontWeight.w700))
                                    ])),
                                Text(
                                  '换货中',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color6666),
                                )
                              ],
                            ),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
            ],
          ),
        ),
        Container(
          color: Colors.white,
          margin: const EdgeInsets.only(top: 15),
          child: Column(
            children: [
              DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Container(
                  height: 45,
                  padding: const EdgeInsets.only(left: 25, right: 15),
                  alignment: Alignment.centerLeft,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Wrap(
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        spacing: 15,
                        children: [
                          SvgUtils.assetName('u728', width: 21, height: 21),
                          Text(
                            '恒威燃油宝',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )
                        ],
                      ),
                      Text(
                        '交易关闭',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                alignment: Alignment.centerLeft,
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        CachedNetworkImage(
                          imageUrl:
                              'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                          width: 95,
                          height: 95,
                          fit: BoxFit.fill,
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '共2件商品',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          ),
                        )
                      ],
                    ),
                    Expanded(
                        child: Padding(
                      padding: const EdgeInsets.only(left: 15),
                      child: Column(
                        children: [
                          ListBody(
                            children: [
                              Container(
                                alignment: Alignment.topLeft,
                                child: Text(
                                  '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 15, bottom: 15),
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '每瓶50ml x 5瓶',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                ),
                              ),
                              Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    '¥116',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.colorEc80),
                                  ),
                                  Text(
                                    'x 2',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color0000),
                                  )
                                ],
                              )
                            ],
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 20),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text.rich(TextSpan(
                                    text: '合计：',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    children: [
                                      TextSpan(
                                          text: '¥116',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color3333,
                                              fontWeight: FontWeight.w700))
                                    ])),
                                Text(
                                  '退款完成',
                                  style: StylesUtils.customTextStyle(color: ColorsUtils.color6666),
                                )
                              ],
                            ),
                          )
                        ],
                      ),
                    ))
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(right: 15),
                alignment: Alignment.centerRight,
                child: Wrap(
                  crossAxisAlignment: WrapCrossAlignment.center,
                  alignment: WrapAlignment.end,
                  spacing: 20,
                  children: [
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '删除订单',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                    TextButton(
                        onPressed: () {},
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '再次购买',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  ],
                ),
              )
            ],
          ),
        ),
      ],
    );
  }
}

/// 待发货
class OrderPendingPaymentController extends GetxController {}

class OrderPendingPaymentView extends GetView<OrderPendingPaymentController> {
  const OrderPendingPaymentView({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView();
  }
}

/// 待收货
class OrderWaitReceivedController extends GetxController {}

class OrderWaitReceivedView extends GetView<OrderWaitReceivedController> {
  const OrderWaitReceivedView({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView();
  }
}

/// 已完成
class OrderCompletedController extends GetxController {}

class OrderCompletedView extends GetView<OrderCompletedController> {
  const OrderCompletedView({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView();
  }
}

/// 已取消
class OrderCancelledController extends GetxController {}

class OrderCancelledView extends GetView<OrderCancelledController> {
  const OrderCancelledView({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView();
  }
}
